草庐IT

wordpress - SEO 单页 wordpress

全部标签

javascript - 在 pushState 单页应用程序中将 URL 片段 (#) 用于模态视图

我们在pushstate-only模式下使用Backbone.Router,因此我们所有的客户端路由都是无哈希的。但是,我们在应用中实现模态视图时遇到了困难。挑战如下:我们希望后退按钮隐藏当前模态视图(因此我们需要它有一个URL);我们希望Forward在不重绘整个应用程序的情况下再次显示它;我们希望能够在任何现有路线“之上”显示模式,而不仅仅是在一个页面上;我们希望能够创建立即显示特定模式(例如登录模态视图)的链接。换句话说,我们希望模态视图在历史中呈现。我们的第一次尝试是使用像/login这样的URL作为登录模式,并在route处理程序中专门处理它们。当我们在/otherpage上

javascript - 如何延迟 WordPress 网站上 YouTube 视频的 JavaScript 解析?

我今天才意识到,在我的1.2MB网站(根据GTMetrix)中,有550k是一个YouTube视频。我的网站是一个WordPress网站,当前视频在iframe中加载。我希望我的网站加载速度更快...但不确定如何进行。如果我可以让YouTube视频在被点击之前不加载,而只是在那里有一个缩略图,这似乎是正确的做法? 最佳答案 1。将“scr”替换为“data-src”2。添加Javascriptfunctioninit(){varvidDefer=document.getElementsByTagName('iframe');for(

javascript - Wordpress - 未捕获的语法错误 : Unexpected token <

我将脚本放入子主题中......functionchild_theme_scripts(){wp_enqueue_script('script-name',get_template_directory_uri().'/js/custom-child.js',array(),'1.0.0',true);}add_action('wp_enqueue_scripts','child_theme_scripts');但是我在控制台中收到一个UncaughtSyntaxError:Unexpectedtoken值得一提的是,当我的custom-child.js中没有任何内容或者我只使用一个简单

javascript - Wordpress wp.media 特色图片 ID

当点击“设置精选图片”按钮时,如何连接到现有的wp.media对象并获取附件ID?我一直在看的wp.media教程似乎都是从创建一个新的wp.media框架开始的,但我只想听听来自现有框架的事件(由wp_editor()函数呈现),特别是“设置精选图片”事件。 最佳答案 尝试使用wp.media.featuredImage对象,更具体地说是它的frame()和get()方法://onfeaturedimageselection...wp.media.featuredImage.frame().on('select',function

javascript - 如何在 WordPress 3.5 uploader 中上传新图像后立即运行一些代码

我需要在WordPress3.5上传程序中上传新图像后立即运行一些代码。这是wp-includes/js/media-views.js的代码(第529-540行)uploading:function(attachment){varcontent=this.frame.content;//Iftheuploaderwasselected,navigatetothebrowser.if('upload'===content.mode())this.frame.content.mode('browse');//Ifwe'reinaworkflowthatsupportsmultipleatt

javascript - 将书签添加到 wordpress 帖子

我正在尝试将javascript小书签链接添加到我的WordPress网站上的帖子。但是它不会出现在后期预览中。当我检查WordPress添加到帖子的链接时,它已将其转换为javascript:void(0)。这个简单的例子重现了这个问题。SearchScholar还有一些其他人遇到了同样的问题here,here,here,和here但似乎没有人找到除了提供他们的小书签代码供人们复制和粘贴并创建他们自己的小书签之外的解决方案。这个问题的原因是Chrome的XSS保护在通过wp-admin提交时从链接中剥离了javascript。一种“解决方案”是将行header("X-XSS-Prot

javascript - 如何监控单页网络应用程序?

我想知道如何监控单页网络应用程序,以便您可以看到用户在您的应用程序中做了什么,他访问了哪些“页面”等。有点像GoogleAnalytics,可以统计很多事情。 最佳答案 GoogleAnalytics(分析)对此非常有用。查看自定义事件:http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html它比您在传统网站上可以执行的“设置好并忘记它”类型的跟踪需要更多的工作,但它也非常简单。 关于javasc

javascript - 通过 AJAX 在 Wordpress 中动态更改导航链接(下一个和上一个)

在single.php的循环中,我有一个选择标签,其中的选项是通过自定义查询返回的当前类别的帖子。在更改所选选项时,我有许多运行良好的javascript函数,但其​​中最后一个函数(functionf_next-previous)似乎不起作用。此功能的目的是在不重新加载页面的情况下更新下一个和上一个链接。这是模板中导航链接(下一个和上一个)的代码:');?>');?>这个函数的javascript代码是:functionf_next-previous(id){$.ajax({cache:true,type:"GET",timeout:5000,url:'wp-content/them

javascript - 使用单页应用程序的 Rails CSRF 保护( react 、 Angular 、 Ember )

好的。我正式对这个问题失去了理智。让我们使用默认的Rails应用程序(5,但我也尝试使用4默认应用程序)。我正在尝试使用简单的javascript代码将ajaxPOST请求发送到一个Controller操作。在我的ApplicationController中,我有这段代码:classApplicationController它设置一个cookie“X-CSRF-Token”,其值为form_authenticity_token。之后,我可以使用以下代码在我的SPA(单页应用程序)中读取此cookie:functionreadCookie(name){varnameEQ=name+"="

javascript - 如何在单页应用程序中实现 gmail 撰写窗口概念?

我正在从事一个项目,用户可以更轻松地快速添加交易。我非常有兴趣做一些类似于gmailcomposepopup在单个页面上做的事情我不知道如何实现这样的事情。请给我指示如何做这些事情我有兴趣使用AngularJS构建它P.S很抱歉问了一个宽泛的问题,但我真的不知道这叫什么,也不知道要谷歌什么 最佳答案 您可以使用常规div元素和一些CSS非常轻松地构建这样的弹出窗口。特别是,position:fixedCSS属性可以让您将内容放在窗口的某个位置,无论它如何滚动。这是一个演示该技术的简单JSFiddle:http://jsfiddle.